<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/xiaomi.css"/>
	</head>
	<body>
		<section>			
			<div id="shouji">手机</div>	
			<div id="youmore">
				<div id="buttton"><button id="you">></button></div>	
				<div id="more">查看更多</div>
			</div>
			
			<div class="clear"></div>				
			<div id="left"><img src="../img/1.jpg"/></div>
				
			<div id="right">
				<div id="pic1">
					<img src="../img/2.jpg"/>
					<h3>Xiaomi MIX 4</h3>
					<p id="p1">CPU全面屏</p>
					<p id="p2">4999元起</p>
				</div>
				
				<div id="pic2">
					<img src="../img/3.jpg"/>
					<h3>Note 10 Pro</h3>
					<p id="p1">天玑1100年度旗舰芯</p>
					<p id="p2">1599元起   <span id="jiage"><s>1699元</s></span></p>
				</div>
				
				<div id="pic3">
					<img src="../img/4.jpg"/>
					<h3>Redmi Note 10 5G</h3>
					<p id="p1">5G小金刚 | 旗舰长续航</p>
					<p id="p2">1099元起</p>
				</div>
				
				<div id="pic4">
					<img src="../img/5.png"/>
					<h3>小米MIX FOLD</h3>
					<p id="p1">折叠大屏 | 自研芯片</p>
					<p id="p2">9999元起</p>
				</div>
			
				
				<div id="pic5">
					<img src="../img/6.png"/>
					<h3>小米11 Ultra</h3>
					<p id="p1">1/1.12''GN2｜2K四微曲屏</p>
					<p id="p2">5499元起 <span id="jiage"><s>5999元</s></span></p>
				</div>
				
				<div id="pic6">
					<img src="../img/7.jpg"/>
					<h3>小米11 Pro</h3>
					<p id="p1">1/1.12''GN2｜骁龙888</p>
					<p id="p2">4499元起 <span id="jiage"><s>4999元</s></span></p>
				</div>
				
				<div id="pic7">
					<img src="../img/8.png"/>
					<h3>小米11 青春版</h3>
					<p id="p1">小米11 青春版 轻薄</p>
					<p id="p2">2099元起 <span id="jiage"><s>2200元</s></span></p>
				</div>
				
				<div id="pic8">
					<img src="../img/9.png"/>					
					<h3>K40 游戏增强版</h3>
					<p id="p1">轻薄电竞设计</p>
					<p id="p2">1999元起</p>
				</div>				
			</div>				
		</section>	
		
		<div class="clear"></div>
			
		<footer>
			<div id="hang1">
				<ul>
					<li>预约维修服务</li>
					<li id="leftbian">7天无理由退货</li>
					<li id="leftbian">15天免费换货</li>
					<li id="leftbian">满69包邮</li>
					<li id="leftbian">520余家售后网点</li>
				</ul>
			</div>
			
			<div id="hang2">
				<div id="first">
					<p id="p4">帮助中心</p>
					<p id="p3">账户管理</p>
					<p id="p3">购物指南</p>
					<p id="p3">订单操作</p>
				</div>
				<div id="first">
					<p id="p4">服务支持</p>
					<p id="p3">售后政策</p>
					<p id="p3">自助服务</p>
					<p id="p3">相关下载</p>
				</div>
				<div id="first">
					<p id="p4">线下门店</p>
					<p id="p3">小米之家</p>
					<p id="p3">服务网点</p>
					<p id="p3">授权体验店</p>
				</div>
				<div id="first">
					<p id="p4">关于小米</p>
					<p id="p3">了解小米</p>
					<p id="p3">加入小米</p>
					<p id="p3">投资者关系</p>
					<p id="p3">企业社会责任</p>
					<p id="p3">廉洁举报</p>
				</div>
				<div id="first">
					<p id="p4">关注我们</p>
					<p id="p3">新浪微博</p>
					<p id="p3">官方微信</p>
					<p id="p3">联系我们</p>
					<p id="p3">公益基金会</p>
				</div>
				<div id="first">
					<p id="p4">特色服务</p>
					<p id="p3">F 码通道</p>
					<p id="p3">礼物码</p>
					<p id="p3">防伪查询</p>
				</div>
				<div id="seventh">
					<p id="phone">400-100-5678</p>
					<p id="time">8:00-18:00（仅收市话费）</p>
					<div id="artificial">
						<a href="">人工客服</a>
					</div>		
					<p id="xiaomi">关注小米：</p>	
					<div id="wbwx">
						<a href=""><img src="../img/wb.png"/></a>
						<a href=""><img src="../img/wx.png"/></a>
					</div>																			
					
				</div>
			</div>
						
		</footer>	
				
			
	</body>
</html>